<!DOCTYPE html>
<%@page import="java.util.ArrayList"%>
<%@page import="mwa.cs.model.Reader"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<%@include file="headScriptHH.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>ประปา</title>  
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/hh/cs31000script.js"></script>
<script>   

var vnZoneId = '${vnZoneId}';
var vaPrepareStatus = '${vaPrepareStatus}';
var vaPageSetting = '${vaPageSetting}';
var vaShowButton = '${vaShowButton}';
var vaButtonCancel = '${vaButtonCancel}';
//var voObjectPrepareDataTempList = '${voObjectPrepareDataTempList}';
</script>
</head>	
<body>
<script type="text/javascript"></script>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
		<!-- End SIDEMENU-->
		
		
		<div class="col-sm-12 col-xs-12" id="right-side">
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> เตรียมข้อมูลการอ่านมาตร</div><!--End navigator-bar-->
			<div>
				<div id="page-header" class="clearfix">
					<div>เตรียมข้อมูลการอ่านมาตร</div>
				</div>
				<!-- <div id="error_message" class="alert alert-danger"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x fa-inverse"></i> </span> เกิดข้อผิดพลาด </div> -->
				<div class="form-step-nav">
					<div id="step-way"></div>
					<div class="form-step-box box-first">
						<a id="start_work"  href="javascript:void()" data-link="form-1" class="step-link active">1</a>
						<div class="step-text">เริ่มต้นงานประจำเดือน</div>
					</div>
					<div class="form-step-box box-2">
						<a id="prepare_data" href="javascript:void()" data-link="form-2" class="step-link">2</a>
						<div class="step-text">เตรียมข้อมูลการอ่านน้ำ</div>
					</div>
					<div class="form-step-box box-last">
						<a id="confirm_receive" href="javascript:void()"  data-link="form-3" class="step-link">3</a>
						<div class="step-text">ดาวน์โหลดการเตรียมข้อมูล</div>
					</div>						
				</div><!-- End form-nav-->
						
<!-- Start Form-1 -->				
				<div id="form-1" class="form-step">
					<div class="form-list clearfix" style="width:90%">
						<h4><i class="fa fa-file-text-o"></i> ข้อมูลการอ่านน้ำปัจจุบัน</h4>
						<table  class="table-list mt-10" >
							<tr>
								<th>ประจำเดือน</th>
								<th>ประจำปี</th>
								<th>เขตอ่านน้ำ</th>
								<th>จำนวนเส้นทาง</th>
								<th>จำนวนเส้นทางที่เตรียมข้อมุลอ่านน้ำ</th>
								<th>จำนวนเส้นทางที่ดาวน์โหลด/พิมพ์</th>
							</tr>
							<c:forEach var="voObjectPrepareDataTempList" items="${voObjectPrepareDataTempList}" varStatus="i">
								<tr style="background-color:#FFF">
									<td>${currentMonth}</td>
									<td>${currentYear}</td>
									<td style="text-align: left;">${voObjectPrepareDataTempList.vaZoneName}</td>
									<td>${voObjectPrepareDataTempList.vaRouteAmount}</td>
									<td>${voObjectPrepareDataTempList.vaRoutePrepareData}</td>
									<td>${voObjectPrepareDataTempList.vaRouteDownload}</td>
								</tr>
							</c:forEach>
						</table>
						<div class="text-right save-by"><span id="saveDataBy"></span></div>
					</div>
					<!-- End form-detail -->
					<div class="form-detail" style="width:60%; margin-top:-50px">
						<div class="search-box no-radius" >
							<form class="form-horizontal" role="form">
								<div class="search-header  no-radius" style="font-size:15px">
									เริ่มต้นงานอ่านน้ำ
								</div>
								<div class="form-group row mt-20">
									<label for="inputPassword3" class="col-sm-6 control-label">ประจำเดือน :</label>
									<div class="col-sm-4 mt-5">
						  				<span id="">${currentMonth}</span>
									</div>
					  			</div>					  
					  			<div class="form-group row">
									<label for="inputPassword3" class="col-sm-6 control-label">ประจำปี :</label>
									<div class="col-sm-4 mt-5">
						  				<span id="">${currentYear}</span>
									</div>
					  			</div>
					  			<div id="confirmPrepareData"></div>
					  		</form>
						</div>	
					</div>				
				</div>
<!-- END Form-1 -->

<!-- Start Form-2 -->
<form class="form-inline" role="form" action="CS31000Srvl" method="POST">
				<div id="form-2" class="form-step">
					<div class="form-detail clearfix">	
						<div class="box-blue">			
							<div class="form-list clearfix" style="margin:-40px auto -30px" >
								<div style="text-align:right">
									<div class="form-group clearfix" style="width:100%">
										<div class="pull-right">
											<label for="inputZone">เลือกเขต : </label>
											<select class="form-control" id="inputZone" name="zone"> <!-- onchange="getZoneDataSelected();" -->
												<option>-- เลือกเขต --</option>
											</select>
    										<input type="hidden" name="btn_findRoute_step2" id="btn_findRoute_step2" value="no">
											<!-- <button type="submit" class="btn btn-primary" onclick="checkButtonClick('btn_findRoute_step2');"><i class="fa fa-search"></i> ค้นหาเส้นทาง</button> -->
											<span id="button_findRoute"></span>
										</div>
										<div class="pull-left">									
										</div>
  									</div>
								</div>		
							</div>
				<!-- End form-detail -->
							<h4> เตรียมข้อมูลการอ่านน้ำ (Handheld) ประจำเดือน <span style="color: blue;"><span id=""> ${currentMonth}</span> <span id="">${currentYear}</span></span></h4>
							<div class="list-detail-area">						
								<table id="prepareDataTable" class="stripe hover cell-border" cellspacing="0" width="100%">
        							<thead>
            							<tr style="background-color: #399bca; color:white; font-size: 0.9em;">
                        					<th style="border-right: 1px solid #999">ลำดับ</th>
											<th style="border-right: 1px solid #999; text-align: center;">เขต</th>
											<th style="border-right: 1px solid #999; text-align: center;">เส้นทาง</th>
											<th style="border-right: 1px solid #999; text-align: center;">ชื่อพนักงาน</th>		
                      					</tr>
                    				</thead>
                    				<tbody>
                    					<c:if test="${vnZoneId != 0 && not empty vnZoneId}">
                    						<c:forEach var="voRoute" items="${voRoute}" varStatus="i">                  						
	                    						<c:choose>
	                    						<c:when test="${vaTotalDownload[i.count-1] == 0}">
		                    						<tr>
														<td>${i.count}</td>
														<td>${vaZoneName}</td>
														<td>${voRoute.vaRouteDescription}</td>
														<td>
															<c:set var="readerId">${voRoute.vnRouteId}</c:set>
															<c:choose>
																<c:when test="${voRSMReader[readerId] == 0}">
																<!-- เมื่อ reader ใน route_schedule_master == 0 ให้แสดง reader ทั้งหมดและให้ selected ค่า default ใน route นั้นๆ -->
																	<select style="width:100%;" class="form-control" name="selection${i.count}">
																		<c:forEach var="voMapReader" items="${voMapReader}">
																			<c:choose>
																				<c:when test="${voRoute.vnReaderId == voMapReader.key}"> <!-- check selected -->
																					<option value="${voRoute.vnRouteId}:${voMapReader.key}" selected="selected">${voMapReader.value}</option>
																				</c:when>
																				<c:otherwise>	
																					<option value="${voRoute.vnRouteId}:${voMapReader.key}">${voMapReader.value}</option>													
																				</c:otherwise>
																			</c:choose>
																		</c:forEach>
																	</select>
																</c:when>
																<c:otherwise>
																<!-- ให้แสดง reader ใน route_schedule_master นั้นๆ -->
																	<select style="width:100%;" class="form-control" name="selection${i.count}">
																		<c:forEach var="voMapReader" items="${voMapReader}">
																			<c:choose>
																				<c:when test="${voRSMReader[readerId] == voMapReader.key}"> <!-- check selected -->
																					<option value="${voRoute.vnRouteId}:${voMapReader.key}" selected="selected">${voMapReader.value}</option>
																				</c:when>
																				<c:otherwise>	
																					<option value="${voRoute.vnRouteId}:${voMapReader.key}">${voMapReader.value}</option>													
																				</c:otherwise>
																			</c:choose>
																		</c:forEach>
																	</select>																	
																</c:otherwise>
															</c:choose>
														</td>
													</tr>
	                    						</c:when>
	                    						<c:otherwise>
		                    						<tr>
														<td>${i.count}</td>
														<td>${vaZoneName}</td>
														<td>${voRoute.vaRouteDescription}</td>
														<td>
															<c:set var="readerId">${voRoute.vnRouteId}</c:set>
															<c:forEach var="voMapReader" items="${voMapReader}">
																<c:choose>
																	<c:when test="${voRSMReader[readerId] == voMapReader.key}">
																	${voMapReader.value}
																	</c:when>
																</c:choose>
															</c:forEach>
														</td>
													</tr>
	                    						</c:otherwise>
	                    						</c:choose>                				                   							
											</c:forEach>
                    					</c:if>
									</tbody>
								</table>
							</div>
							<div class="text-right mt-20">							
 							<!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModalMessageStep2ConfirmZone" ><i class="fa fa-floppy-o"></i> บันทึกเขต  </button> -->		
								<span id="button_saveReaderInZone"></span>
							</div>
						</div>
						<div class="box-blue clearfix" style="background:rgba(0,102,255,0.5)" >
							<div class="pull-right">
							<!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal-confirm-step2" ><i class="fa fa-floppy-o"></i> ยืนยันทุกเขต </button> -->
							<span id="button_saveReaderInAllZone"></span>
							</div>
							<div class="pull-right mr-80 mt-5">*** เมื่อคุณยืนยันระบบจะทำการบันทึกเส้นทางของทุกเขต ***</div>
						</div>	
					</div>
				<!-- End form-detail -->

				</div>
				
<!-- modal for Step1 -->
<div class="modal fade" id="myModal-confirm-step1">
<input type="hidden" id="url_address" name="url_address" value="">
<input type="hidden" id="agent_browser" name="agent_browser" value="">
	<div class="modal-dialog" style="width:650px">
		<div class="modal-content">
			<div class="modal-header">
        		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        		<h4 class="modal-title">เตรียมข้อมูลการอ่านมาตรประจำเดือน  "<span id="">${currentMonth}</span>"</h4>
      		</div>
      		<div class="modal-body" >
        		<p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>ยืนยันการเตรียมข้อมูลการอ่านมาตรประจำเดือน   "<span id="">${currentMonth}</span>"</p>
      		</div>
      		<div class="modal-footer">
        		<input type="hidden"  class="btn btn-primary" name="btn_save_step1" id="btn_save_step1" value="no">
        		<button type="submit" class="btn btn-primary" onclick="checkButtonClick('btn_save_step1');"><i class="fa fa-floppy-o"></i> ยืนยัน</button>
        		        		<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-floppy-remove"></i> ยกเลิก </button>
      		</div>
    	</div>
  	</div>
</div>

<!-- modal confirm cancel for step1 -->
<div class="modal fade" id="myModal-confirm-cancel">
	<div class="modal-dialog" style="width:450px">
		<div class="modal-content">
			<div class="modal-header">
        		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        		<h4 class="modal-title">ยกเลิกการเตรียมข้อมูลประจำเดือน </h4>
      		</div>
      		<div class="modal-body" >
        		<p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>ยืนยันการยกเลิกการเตรียมข้อมูลประจำเดือน "<span id="">${currentMonth}</span>"</p>
      		</div>
      		<div class="modal-footer">
      			<button type="submit" class="btn btn-primary" onclick="checkButtonClick('btn_cancel_prepareDataStep1');"><i class="fa fa-floppy-o"></i> ยืนยัน</button>
        		<button type="button" class="btn btn-danger"  data-dismiss="modal"><i class="glyphicon glyphicon-floppy-remove"></i> ยกเลิก </button>
        		<input type="hidden"  class="btn btn-primary" name="btn_cancel_prepareDataStep1" id="btn_cancel_prepareDataStep1" value="no">
      		</div>
    	</div>
  	</div>
</div>


<!-- modal successful preparation in step1 -->
<div class="modal fade" id="myModalMessageStep1">
	<div class="modal-dialog" style="width:400px">
    	<div class="modal-content">
      		<div class="modal-header">
        		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        		<h4 class="modal-title">การเตรียมข้อมูลการอ่านมาตร</h4>
      		</div>
      		<div class="modal-body">
        		<p><span class="fa-stack fa-lg mr-10" style="color:#0C0"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span>การเตรียมข้อมูลการอ่านมาตรเรียบร้อยแล้ว</p>
      		</div>
      		<div class="modal-footer">
        		<button type="button" class="btn btn-primary" data-dismiss="modal"> ตกลง</button>
      		</div>
    	</div>
  	</div>
</div>
<div class="modal fade" id="myModalErrorMessageStep1">
	<div class="modal-dialog" style="width:400px">
    	<div class="modal-content">
      		<div class="modal-header">
        		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        		<h4 class="modal-title">การเตรียมข้อมูลการอ่านมาตร</h4>
      		</div>
      		<div class="modal-body">
        		<p><span class="fa-stack fa-lg mr-10" style="color:#d9534f"> <i class="fa fa-circle fa-stack-2x"></i> <i class="glyphicon glyphicon-remove fa-stack-1x fa-inverse"></i> </span>
        		เกิดข้อผิดพลาดในการเตรียมข้อมูลการอ่านมาตร &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;กรุณาติดต่อผู้ดูแลระบบ</p>
      		</div>
      		<div class="modal-footer">
        		<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
      		</div>
    	</div>
  	</div>
</div>
<!-- End Modal For Step1 -->


<!-- Meaasge For Step2 -->
<!-- message for step2 in button01 -->
<div class="modal fade" id="myModalMessageStep2ConfirmZone">
	<div class="modal-dialog" style="width:600px">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title"> อัพเดทข้อมูลพนักงานอ่านน้ำ </h4>
			</div>
			<div class="modal-body" >
				<p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span> ยืนยันการอัพเดทข้อมูลพนักงานอ่านน้ำ เขต :  <label id="labelZone"></label>  </p>
			</div>
			<div class="modal-footer">
				<button type="submit" class="btn btn-primary" onclick="checkButtonClick('btn_save_step2');"><i class="fa fa-floppy-o"></i> ยืนยัน </button>
				<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-floppy-remove"></i> ยกเลิก</button>
				<input type="hidden" name="btn_save_step2" id="btn_save_step2" value="no">
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal for Step 2 -->
<div class="modal fade" id="myModal-confirm-step2">
	<div class="modal-dialog" style="width:450px">
    	<div class="modal-content">
      		<div class="modal-header">
        		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        		<h4 class="modal-title">บันทึกข้อมูลทุกเขต</h4>
      		</div>
      		<div class="modal-body">
        		<p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>เมื่อคุณยืนยันระบบจะทำการบันทึกเส้นทางของทุกเขต</p>
      		</div>
      		<div class="modal-footer">
      			<button type="submit" class="btn btn-primary" onclick="checkButtonClick('btn_saveall_step2');"><i class="fa fa-floppy-o"></i> ยืนยัน</button>
	        	<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-floppy-remove"></i> ยกเลิก</button>
				<!-- <button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#myModalMessageStep2ConfirmAllZone">ยืนยัน</button> -->
				<input type="hidden" name="btn_saveall_step2" id="btn_saveall_step2" value="no">
      		</div>
    	</div><!-- /.modal-content -->
  	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->				
<div class="modal fade" id="myModalMessageStep2ConfirmAllZone">
  <div class="modal-dialog" style="width:400px">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Message</h4>
      </div>
      <div class="modal-body">
        <p><span class="fa-stack fa-lg mr-10" style="color:#0C0"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span>ยืนยันเส้นทางการอ่านน้ำทุกเขตเรียบร้อยแล้ว</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!-- Start Form-3 -->				
				<div id="form-3" class="form-step">				
					<div class="form-detail clearfix" >				
						<h4><i class="fa fa-check-square-o"></i> ยืนยันการจัดทำใบแจ้งหนี้ (Handheld) ประจำเดือน <span style="color: blue;"><span id=""> ${currentMonth}</span> <span id="">${currentYear}</span></span></h4>
						<table class="table-list mt-10">
							<tr>
								<th style="width:15%">เขต</th>
								<th style="width:40%">พนักงานอ่านน้ำ</th>
								<th style="width:30%">สถานะ</th>
								<th style="width:15%"></th>
							</tr>
							<c:choose>
								<c:when test="${IsEmptyData == 'no'}">
									<c:forEach var="voReaderList"  items="${voReaderList}" varStatus="i">
										<c:choose>
											<c:when test="${i.count % 2 == 0}">
											<tr class="even">
												<td><fmt:formatNumber value="${voReaderList.vnSiteId}" pattern="00"/></td>
												<td style="text-align: left;padding-left: 90px;">${voReaderList.vaReaderName}</td>
												<c:choose>
													<c:when test="${voReaderList.vaStatus == 'readyLoad'}">
														<td>พร้อมดาวน์โหลด/พิมพ์</td>
													</c:when>
													<c:otherwise>
														<td>ดาวน์โหลด/พิมพ์เรียบร้อยแล้ว</td>
													</c:otherwise>
												</c:choose>
												<td  class="table-action">
												<!-- 
													<i class="fa fa-download"  data-toggle="tooltip" data-placement="top" title="ดาว์นโหลด" onclick="window.location.href = 'CS31000Srvl?updateDownload=yes&vaDataToUpdate=${voReaderList.vnSiteId}:${voReaderList.vnReaderId}'"></i>
													<i class="fa fa-print" data-toggle="tooltip" data-placement="top" title="Print" ></i>
													<i class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Excel" ></i>
												 -->
												 	<button type="button" class="fa fa-download"  data-toggle="tooltip" data-placement="top" title="ดาว์นโหลด" onclick="window.location.href = 'CS31000Srvl?updateDownload=yes&vaDataToUpdate=${voReaderList.vnSiteId}:${voReaderList.vnReaderId}'"></button>
												 	<c:choose>
												 		<c:when test="${voReaderList.vaStatus == 'readyLoad'}">
												 			<button style="background-color: #ccc;" type="button" class="fa fa-print" data-toggle="tooltip" data-placement="top" title="Print" disabled></button>
												 			<button style="background-color: #ccc;" type="button" class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Excel" disabled></button>
												 		</c:when>
												 		<c:otherwise>
												 			<button  type="button" class="fa fa-print" data-toggle="tooltip" data-placement="top" title="Print"></button>
												 			<button  type="button" class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Excel"></button>
												 		</c:otherwise>
												 	</c:choose>
												</td>
											</tr>
											</c:when>
											<c:otherwise>
											<tr class="odd">
												<td><fmt:formatNumber value="${voReaderList.vnSiteId}" pattern="00"/></td>
												<td style="text-align: left;padding-left: 90px;">${voReaderList.vaReaderName}</td>
												<c:choose>
													<c:when test="${voReaderList.vaStatus == 'readyLoad'}">
														<td>พร้อมดาวน์โหลด/พิมพ์</td>
													</c:when>
													<c:otherwise>
														<td>ดาวน์โหลด/พิมพ์เรียบร้อยแล้ว</td>
													</c:otherwise>
												</c:choose>
												<td  class="table-action">
												<!-- 
													<i class="fa fa-download" data-toggle="tooltip" data-placement="top" title="ดาว์นโหลด" onclick="window.location.href = 'CS31000Srvl?updateDownload=yes&vaDataToUpdate=${voReaderList.vnSiteId}:${voReaderList.vnReaderId}'"></i> 
													<i class="fa fa-print" data-toggle="tooltip" data-placement="top" title="Print" onclick="manageStep3('tooltipPrintClick')"></i>
													<i class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Excel" onclick="manageStep3('tooltipExcelClick')"></i>
												-->
													<button type="button" class="fa fa-download" data-toggle="tooltip" data-placement="top" title="ดาว์นโหลด" onclick="window.location.href = 'CS31000Srvl?updateDownload=yes&vaDataToUpdate=${voReaderList.vnSiteId}:${voReaderList.vnReaderId}'"></button>
												 	<c:choose>
												 		<c:when test="${voReaderList.vaStatus == 'readyLoad'}">
												 			<button style="background-color: #ccc;" type="button" class="fa fa-print" data-toggle="tooltip" data-placement="top" title="Print" disabled></button>
												 			<button style="background-color: #ccc;" type="button" class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Excel" disabled></button>
												 		</c:when>
												 		<c:otherwise>
												 			<button  type="button" class="fa fa-print" data-toggle="tooltip" data-placement="top" title="Print"></button>
												 			<button  type="button" class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Excel"></button>
												 		</c:otherwise>
												 	</c:choose>
												</td>
											</tr>
											</c:otherwise>
										</c:choose>
									</c:forEach>
								</c:when>
								<c:otherwise>
									<tr class="even">
										<td style="text-align: center;" colspan="4">ไม่พบรายการข้อมูล</td>
									</tr>
								</c:otherwise>
							</c:choose>
						</table>	
					</div>
				<!-- End form-detail -->					
				</div>
<!-- END Form3 -->	
</form>
<!-- End Form-2 -->			
			</div>
			<!-- End detail-area -->			
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
	</div><!-- End Detail-area-->
</div>
<!-- End Wrapper -->
</body>
</html>